import { html } from "lit-html";

export const logoutIcon = html`
  <svg
    id="logoutIcon"
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M20.8195 17.7516H19.5586C19.4602 17.7516 19.3781 17.8336 19.3781 17.932V19.3805H4.61953V4.61953H19.3805V6.06797C19.3805 6.16641 19.4625 6.24844 19.5609 6.24844H20.8219C20.9203 6.24844 21.0023 6.16875 21.0023 6.06797V3.71953C21.0023 3.32109 20.6813 3 20.2828 3H3.71953C3.32109 3 3 3.32109 3 3.71953V20.2805C3 20.6789 3.32109 21 3.71953 21H20.2805C20.6789 21 21 20.6789 21 20.2805V17.932C21 17.8312 20.918 17.7516 20.8195 17.7516ZM21.2555 11.8523L17.9297 9.22734C17.8055 9.12891 17.625 9.21797 17.625 9.375V11.1562H10.2656C10.1625 11.1562 10.0781 11.2406 10.0781 11.3438V12.6562C10.0781 12.7594 10.1625 12.8438 10.2656 12.8438H17.625V14.625C17.625 14.782 17.8078 14.8711 17.9297 14.7727L21.2555 12.1477C21.2779 12.1301 21.296 12.1077 21.3085 12.0821C21.3209 12.0565 21.3274 12.0285 21.3274 12C21.3274 11.9715 21.3209 11.9435 21.3085 11.9179C21.296 11.8923 21.2779 11.8699 21.2555 11.8523Z"
      fill="#292A2E"
    />
  </svg>
`;

export const checkmarkIcon = html`
  <svg
    id="checkmarkIcon"
    xmlns="http://www.w3.org/2000/svg"
    width="17"
    height="16"
    viewBox="0 0 17 16"
    fill="none"
  >
    <path
      d="M14.7493 2.96875H13.6571C13.504 2.96875 13.3587 3.03906 13.2649 3.15937L6.82271 11.3203L3.73365 7.40625C3.68692 7.34692 3.62736 7.29895 3.55943 7.26593C3.49151 7.23292 3.41699 7.21572 3.34146 7.21562H2.24928C2.14459 7.21562 2.08678 7.33594 2.15084 7.41719L6.43053 12.8391C6.63053 13.0922 7.0149 13.0922 7.21646 12.8391L14.8477 3.16875C14.9118 3.08906 14.854 2.96875 14.7493 2.96875V2.96875Z"
      fill="#262626"
    />
  </svg>
`;

export const icLogo = html`
  <svg
    id="icLogo"
    version="1.1"
    id="Layer_1"
    xmlns="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink"
    x="0px"
    y="0px"
    viewBox="0 0 880 640"
    style="enable-background:new 0 0 880 640;"
    xml:space="preserve"
  >
    <style type="text/css">
      .st0 {
        fill: none;
      }
      .st1 {
        fill: url(#SVGID_1_);
      }
      .st2 {
        fill: url(#SVGID_2_);
      }
      .st3 {
        fill: #29abe2;
      }
    </style>
    <g>
      <path
        class="st0"
        d="M671.99,320c0-45.09-37.63-81.78-83.89-81.78c-12.26,0-33.8,6.07-66.78,34.97
		c-17.73,15.54-33.17,32.87-43.85,45.55c17.99,19.05,37.47,39.23,46.31,46.89c3.63,3.14,27.63,22.81,56.09,35.14
		c3.34,0.74,6.06,1,8.16,1C634.34,401.5,671.99,364.84,671.99,320z"
      />
      <path
        class="st0"
        d="M522.89,366.54c27.22,23.59,45.72,31.74,56.98,34.24c3.34,0.74,6.06,1,8.16,1
		c46.3-0.28,83.95-36.94,83.95-81.78c0-45.09-37.63-81.78-83.89-81.78c-12.26,0-33.8,6.07-66.78,34.97
		c-17.73,15.54-33.17,32.87-43.85,45.55C477.21,319.05,504.3,350.43,522.89,366.54z"
      />
      <linearGradient
        id="SVGID_1_"
        gradientUnits="userSpaceOnUse"
        x1="515.2743"
        y1="201.9346"
        x2="705.4849"
        y2="398.9034"
      >
        <stop offset="0.21" style="stop-color:#F15A24" />
        <stop offset="0.6841" style="stop-color:#FBB03B" />
      </linearGradient>
      <path
        class="st1"
        d="M588.1,184c-32.16,0-67.28,16.49-104.38,49c-17.57,15.4-32.8,31.88-44.23,45.1c0.02,0.02,0.04,0.04,0.06,0.07
		c0.03-0.04,0.05-0.06,0.05-0.06s18.03,19.63,37.87,40.64c10.68-12.69,26.11-30.01,43.85-45.55c32.98-28.91,54.52-34.97,66.78-34.97
		c46.26,0,83.89,36.69,83.89,81.78c0,44.84-37.65,81.5-83.95,81.78c-2.11,0-4.82-0.26-8.16-1c13.49,5.84,27.99,10.04,41.8,10.04
		c84.79,0,101.36-55.33,102.49-59.25c2.51-10.14,3.84-20.7,3.84-31.56C728,245.01,665.24,184,588.1,184z"
      />
      <path
        class="st0"
        d="M208.01,320c0,45.09,37.63,81.78,83.89,81.78c12.26,0,33.8-6.07,66.78-34.97
		c17.73-15.54,33.17-32.87,43.85-45.55c-17.99-19.05-37.47-39.23-46.31-46.89c-3.63-3.14-27.63-22.81-56.09-35.14
		c-3.34-0.74-6.06-1-8.16-1C245.66,238.5,208.01,275.16,208.01,320z"
      />
      <path
        class="st0"
        d="M357.11,273.46c-27.22-23.59-45.72-31.74-56.98-34.24c-3.34-0.74-6.06-1-8.16-1
		c-46.3,0.28-83.95,36.94-83.95,81.78c0,45.09,37.63,81.78,83.89,81.78c12.26,0,33.8-6.07,66.78-34.97
		c17.73-15.54,33.17-32.87,43.85-45.55c0.26-0.3,0.52-0.62,0.78-0.92C392.12,307.51,375.7,289.57,357.11,273.46z"
      />

      <linearGradient
        id="SVGID_2_"
        gradientUnits="userSpaceOnUse"
        x1="-877.3035"
        y1="-1122.6819"
        x2="-687.0928"
        y2="-925.7131"
        gradientTransform="matrix(-1 0 0 -1 -512.5778 -684.6164)"
      >
        <stop offset="0.21" style="stop-color:#ED1E79" />
        <stop offset="0.8929" style="stop-color:#522785" />
      </linearGradient>
      <path
        class="st2"
        d="M291.9,456c32.16,0,67.28-16.49,104.38-49c17.57-15.4,32.8-31.88,44.23-45.1c-0.02-0.02-0.04-0.04-0.06-0.07
		c-0.03,0.04-0.05,0.06-0.05,0.06s-18.03-19.63-37.87-40.64c-10.68,12.69-26.11,30.01-43.85,45.55
		c-32.98,28.91-54.52,34.97-66.78,34.97c-46.26,0-83.89-36.69-83.89-81.78c0-44.84,37.65-81.5,83.95-81.78c2.11,0,4.82,0.26,8.16,1
		c-13.49-5.84-27.99-10.04-41.8-10.04c-84.79,0-101.36,55.33-102.49,59.25c-2.51,10.14-3.84,20.7-3.84,31.56
		C152,394.99,214.76,456,291.9,456z"
      />
      <path
        class="st3"
        d="M621.52,409.45c-43.41-1.07-88.53-35.3-97.74-43.81c-23.78-21.99-78.66-81.53-82.97-86.2
		C400.58,234.4,346.07,184,291.9,184h-0.07h-0.07c-65.85,0.33-121.19,44.92-135.91,104.44c1.13-3.92,22.76-60.3,102.42-58.34
		c43.41,1.07,88.75,35.76,97.95,44.27c23.78,21.99,78.68,81.54,82.97,86.21C479.42,405.61,533.93,456,588.1,456h0.07h0.07
		c65.85-0.33,121.19-44.92,135.91-104.44C723.03,355.48,701.18,411.41,621.52,409.45z"
      />
    </g>
  </svg>
`;

export const closeIcon = html`
  <svg
    class="closeIcon"
    width="16"
    height="16"
    viewBox="0 0 16 16"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M8.8095 8L12.9111 3.11094C12.9798 3.02969 12.922 2.90625 12.8158 2.90625H11.5689C11.4954 2.90625 11.4251 2.93906 11.3767 2.99531L7.99388 7.02813L4.61106 2.99531C4.56419 2.93906 4.49388 2.90625 4.41888 2.90625H3.172C3.06575 2.90625 3.00794 3.02969 3.07669 3.11094L7.17825 8L3.07669 12.8891C3.06129 12.9072 3.05141 12.9293 3.04822 12.9529C3.04503 12.9764 3.04867 13.0004 3.05871 13.022C3.06874 13.0435 3.08475 13.0617 3.10483 13.0745C3.12492 13.0872 3.14823 13.0939 3.172 13.0938H4.41888C4.49231 13.0938 4.56263 13.0609 4.61106 13.0047L7.99388 8.97188L11.3767 13.0047C11.4236 13.0609 11.4939 13.0938 11.5689 13.0938H12.8158C12.922 13.0938 12.9798 12.9703 12.9111 12.8891L8.8095 8Z"
      fill="#262626"
    />
  </svg>
`;

export const warningIcon = html`
  <svg
    class="warningIcon"
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M22.3988 20.0625L12.6488 3.1875C12.5035 2.93672 12.2527 2.8125 11.9996 2.8125C11.7465 2.8125 11.4934 2.93672 11.3504 3.1875L1.6004 20.0625C1.31212 20.5641 1.67305 21.1875 2.24962 21.1875H21.7496C22.3262 21.1875 22.6871 20.5641 22.3988 20.0625ZM11.2496 9.75C11.2496 9.64687 11.334 9.5625 11.4371 9.5625H12.5621C12.6652 9.5625 12.7496 9.64687 12.7496 9.75V14.0625C12.7496 14.1656 12.6652 14.25 12.5621 14.25H11.4371C11.334 14.25 11.2496 14.1656 11.2496 14.0625V9.75ZM11.9996 18C11.7052 17.994 11.4249 17.8728 11.2188 17.6625C11.0128 17.4522 10.8973 17.1695 10.8973 16.875C10.8973 16.5805 11.0128 16.2978 11.2188 16.0875C11.4249 15.8772 11.7052 15.756 11.9996 15.75C12.294 15.756 12.5743 15.8772 12.7804 16.0875C12.9865 16.2978 13.1019 16.5805 13.1019 16.875C13.1019 17.1695 12.9865 17.4522 12.7804 17.6625C12.5743 17.8728 12.294 17.994 11.9996 18V18Z"
      fill="#292A2E"
    />
  </svg>
`;

export const securityKeyIcon = html`
  <svg
    width="53"
    height="52"
    viewBox="0 0 53 52"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M39.0938 21.9375V7.3125C39.0938 6.41367 38.3676 5.6875 37.4688 5.6875H15.5312C14.6324 5.6875 13.9062 6.41367 13.9062 7.3125V21.9375C10.5445 21.9375 7.8125 24.5832 7.8125 27.8281V45.9062C7.8125 46.1297 7.99531 46.3125 8.21875 46.3125H11.0625C11.2859 46.3125 11.4688 46.1297 11.4688 45.9062V27.8281C11.4688 26.5941 12.5656 25.5938 13.9113 25.5938H39.0887C40.4344 25.5938 41.5312 26.5941 41.5312 27.8281V45.9062C41.5312 46.1297 41.7141 46.3125 41.9375 46.3125H44.7812C45.0047 46.3125 45.1875 46.1297 45.1875 45.9062V27.8281C45.1875 24.5832 42.4555 21.9375 39.0938 21.9375V21.9375ZM17.5625 21.9375V9.34375H35.4375V21.9375H17.5625ZM23.6562 12.5938H21.2188C20.9953 12.5938 20.8125 12.7766 20.8125 13V15.4375C20.8125 15.6609 20.9953 15.8438 21.2188 15.8438H23.6562C23.8797 15.8438 24.0625 15.6609 24.0625 15.4375V13C24.0625 12.7766 23.8797 12.5938 23.6562 12.5938ZM31.7812 12.5938H29.3438C29.1203 12.5938 28.9375 12.7766 28.9375 13V15.4375C28.9375 15.6609 29.1203 15.8438 29.3438 15.8438H31.7812C32.0047 15.8438 32.1875 15.6609 32.1875 15.4375V13C32.1875 12.7766 32.0047 12.5938 31.7812 12.5938Z"
      fill="#292A2E"
    />
  </svg>
`;
export const seedPhraseIcon = html`
  <svg
    width="53"
    height="52"
    viewBox="0 0 53 52"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M42.75 23.5625H39.2969V12.1875C39.2969 8.59727 36.3871 5.6875 32.7969 5.6875H20.2031C16.6129 5.6875 13.7031 8.59727 13.7031 12.1875V23.5625H10.25C9.35117 23.5625 8.625 24.2887 8.625 25.1875V44.6875C8.625 45.5863 9.35117 46.3125 10.25 46.3125H42.75C43.6488 46.3125 44.375 45.5863 44.375 44.6875V25.1875C44.375 24.2887 43.6488 23.5625 42.75 23.5625ZM17.3594 12.1875C17.3594 10.6184 18.634 9.34375 20.2031 9.34375H32.7969C34.366 9.34375 35.6406 10.6184 35.6406 12.1875V23.5625H17.3594V12.1875ZM40.7188 42.6562H12.2812V27.2188H40.7188V42.6562ZM25.0781 35.5977V38.2891C25.0781 38.5125 25.2609 38.6953 25.4844 38.6953H27.5156C27.7391 38.6953 27.9219 38.5125 27.9219 38.2891V35.5977C28.3411 35.2967 28.6539 34.8705 28.8155 34.3804C28.977 33.8903 28.9789 33.3616 28.8208 32.8704C28.6627 32.3791 28.3529 31.9508 27.9358 31.6468C27.5188 31.3429 27.016 31.1792 26.5 31.1792C25.984 31.1792 25.4812 31.3429 25.0642 31.6468C24.6471 31.9508 24.3373 32.3791 24.1792 32.8704C24.0211 33.3616 24.023 33.8903 24.1845 34.3804C24.3461 34.8705 24.6589 35.2967 25.0781 35.5977Z"
      fill="#292A2E"
    />
  </svg>
`;
